<template>
  <div class="home">
    <build-active-details-home :details="details"></build-active-details-home>
    <build-active-progress-home :details="details" v-margin-top="'40px'"></build-active-progress-home>

    <build-active-info-home :details="details" v-margin-top="'40px'"></build-active-info-home>
    <build-active-apply-home :details="details"></build-active-apply-home>
    <build-active-join-home></build-active-join-home>
    <build-active-report-home v-margin-top="'30px'"></build-active-report-home>
    <!-- <build-active-member-home></build-active-member-home> -->
    <!-- <buildWangjieList></buildWangjieList> -->
    <build-active-review-home v-margin-top="'20px'"></build-active-review-home>
    <!-- <build-active-tour-home v-margin-top="'-20px'"></build-active-tour-home> -->
    <build-active-search-home></build-active-search-home>
    <build-active-base-home :option="option0" v-margin-top="'20px'"></build-active-base-home>
    <build-active-base-home :option="option1" name="活动组委会1.png" v-margin-top="'70px'"></build-active-base-home>
    <build-active-base-home :option="option2" name="评审委员会1.png" v-margin-top="'70px'"></build-active-base-home>
    <build-active-base-home :option="option3" name="联系我们1.png" v-margin-top="'70px'"></build-active-base-home>
  </div>
</template>
<script>
import buildActiveDetailsHome from '../components/build-active-details-home'
import buildActiveProgressHome from '../components/build-active-progress-home'
import buildActiveInfoHome from '../components/build-active-info-home'
import buildActiveApplyHome from '../components/build-active-apply-home'
import buildActiveJoinHome from '../components/build-active-join-home'
import buildActiveBaseHome from '../components/build-active-base-home'
import buildActiveReportHome from '../components/build-active-report-home'
import buildActiveSearchHome from '../components/build-active-search-home'
import buildActiveMemberHome from '../components/build-active-member-home'
import buildActivePromemberHome from '../components/build-active-promember-home'
import buildActiveReviewHome from '../components/build-active-review-home'
import buildActiveTourHome from '../components/build-active-tour-home'
import buildWangjieList from '../components/build-wangjie-list'

export default {
  components: {
    buildActiveDetailsHome,
    buildWangjieList,
    buildActiveProgressHome,
    buildActiveInfoHome,
    buildActiveSearchHome,
    buildActiveJoinHome,
    buildActiveReportHome,
    buildActiveApplyHome,
    buildActiveBaseHome,
    buildActiveMemberHome,
    buildActivePromemberHome,
    buildActiveReviewHome,
    buildActiveTourHome,
  },
  data() {
    return {
      details: {},
      option0: [
        {
          type: 'leftText',
          title: '指导单位',
          text: ['中华人民共和国住房和城乡建设部'],
        },
        {
          type: 'leftText',
          title: '主办单位',
          text: ['中国建筑装饰协会'],
        },
        {
          type: 'leftText',
          title: '承办单位',
          text: [
            '中国设计年度人物评价办公室',
            '中国建筑装饰协会信息与科技委员会',
          ],
        },
        {
          type: 'leftText',
          title: '战略合作媒体',
          text: ['网易家居'],
        },
      ],
      option1: [
        {
          type: 'leftText',
          title: '名誉主席',
          text: ['李自然   中国建筑装饰协会会长'],
        },
        {
          type: 'leftText',
          title: '主席',
          text: ['刘晓一  中国建筑装饰协会副会长兼秘书长'],
        },
        {
          type: 'leftText',
          title: '副主席',
          text: [
            '甜思明 中国建筑装饰协会副会长',
            '陈欣 中国装饰协会副秘书长',
            '张静月 中国装饰协会副秘书长',
            '刘源 中国建筑装饰协会副会长',
          ],
        },
      ],
      option2: [
        {
          type: 'leftText',
          title: '名誉主席',
          text: ['李自然   中国建筑装饰协会会长'],
        },
        {
          type: 'leftText',
          title: '主席',
          text: ['刘晓一  中国建筑装饰协会副会长兼秘书长'],
        },
        {
          type: 'leftText',
          title: '副主席',
          text: ['甜思明 中国建筑装饰协会副会长', '陈欣 中国装饰协会副秘书长'],
        },
      ],
      option3: [
        {
          type: 'leftText',
          title: '联系方式',
          text: [
            '委员会电话：234567889006',
            '邮箱：scdskcnksmc@qq.com',
            '地址：背景是洒滴活动爱神的箭阿斯顿静安寺欧弟就爱上',
          ],
        },
        // {
        //   type: 'img',
        //   title: '微信',
        //   imgs: [
        //     '',
        //   ],
        // },
        // {
        //   type: 'img',
        //   title: '微博',
        //   imgs: [
        //     '',
        //   ],
        // },
      ],
    }
  },
  async mounted() {
    let res = await this.api.findDownloadFile({ customizeId: 2 })
    this.details = res
  },
}
</script>
<style lang="less">
.home {
  background: #fff;
}
</style>
